<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="refresh" content="5; url=/index">
    <title>浩盛Todo - 未找到页面</title>
    <link rel="stylesheet" href="../static/css/root.css">
    <link rel="stylesheet" href="../static/css/bootstrap.min.css">
    <script src="../static/js/bootstrap.bundle.min.js"></script>
    <script src="../static/js/jquery.min.js"></script>
</head>
<body>
<div class="container text-center">
    <h1 id="tip">未找到此页面，将在<span id="count-down">5</span>秒钟内返回首页</h1>
    <a href="/index">立即返回首页</a>
</div>
<script>
    $(function () {
        let tip = $("#tip");
        let countDown = $("#count-down");
        setInterval(function () {
            let i = parseInt(countDown.html());
            if (i - 1 === 0) {
                tip.html("正在为您跳转...");
            } else {
                countDown.html(--i);
            }
        }, 1000);
    });
</script>
</body>
</html>